import React from 'react'
import {WeaColorPicker,
    WeaSearchGroup,
    WeaFormItem,
    WeaInput,
    WeaSelect,
    WeaHelpfulTip,
    WeaLocaleProvider,
    WeaInputNumber,
    WeaError,
    WeaCheckbox,
    WeaUpload,
    WeaBrowser
} from 'ecCom'
import {Button,Icon} from 'antd'
const getLabel = WeaLocaleProvider.getLabel;
class Content extends React.Component{

    render(){
        return <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@em3wlr`} showGroup={true}>
            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@in4qua`} label={getLabel(390776,"头像圆角值")} labelCol={{span: 6}} wrapperCol={{span: 16}}>
                <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@o5u1rr`}
                    value = {this.props.data.userIconR}
                    onChange = {(value)=> this.props.changeUserIconR(value)}
                />
            </WeaFormItem>

            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@47i01m`} label={getLabel(390777,"边框圆角值")}  labelCol={{span: 6}} wrapperCol={{span: 16}}>
                <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@4m2vts`}
                    value = {this.props.data.userDivR}
                    onChange = {(value)=> this.props.changeUserDivR(value)}
                />
            </WeaFormItem>

            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@j449qw`} label={getLabel(84212,"字体大小")}  labelCol={{span: 6}} wrapperCol={{span: 16}}>
                <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@vkr1pv`}
                    value = {this.props.data.fontsize}
                    onChange = {(value)=> this.props.changeFontSize(value)}
                />
            </WeaFormItem>

            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@6ywqn3`} label={getLabel(2077,"背景颜色")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaColorPicker ecId={`${this && this.props && this.props.ecId || ''}_WeaColorPicker@9p1tuo`} value={this.props.data.bgColor}
                      onChange = {(value) => this.props.changeBgColor(value)}
                    />
                </div>
            </WeaFormItem>
            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@gx4ub3`} label={getLabel(390778,"背景透明度")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@mij5b5`} value={this.props.data.bgtmd}
                                    onChange = {(value) => this.props.changebgTMD(value)}
                    />
                </div>
            </WeaFormItem>


            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@r41ujz`} label={getLabel(2076,"字体颜色")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaColorPicker ecId={`${this && this.props && this.props.ecId || ''}_WeaColorPicker@aihzxj`} value={this.props.data.fontcolor}
                                    onChange = {(value) => this.props.changeFontColor(value)}
                    />
                </div>
            </WeaFormItem>
        </WeaSearchGroup>

    }
}

export default Content;